<!--<div ng-controller="LoginCtrl" iss-auto-height style="background-image: url(img/Login_Main_bg.png)">-->
<div ng-controller="LoginCtrl" class="login-container">
    <div class="login-mast-top">
        <img src="img/login/mask-top.png">
    </div>
    <div class="login-mast-right">
        <img src="img/login/mask-left.png">
    </div>
    <div class="login-mast-bottom">
        <img src="img/login/mask-top.png">
    </div>
    <div class="login-mast-left">
        <img src="img/login/mask-left.png">
    </div>

    <div class="login-main">
        <div class="login-mask">
        </div>
        <div class="app-info wrapper-xl">
            <div class="app-name">
                <img class="img-responsive" src="img/login/app-name.png">
            </div>
            <div class="app-info-en">
                <img class="img-responsive" src="img/login/app-info-en.png">
            </div>
            <div class="app-info-zh">
                <img class="img-responsive" src="img/login/app-info-zh.png">
            </div>
        </div>
    </div>

    <div class="container w-xxl w-auto-xs">
        <!--Logo-->
        <div>
            <img class="img-responsive img-logo" src="img/login/logo.png">
        </div>
        <!--登录表单-->
        <div class="m-b-xxl">
            <ng-form name="form" class="form-validation form-inline">
                <div class="list-group list-group-sm">
                    <div class="list-group-item">
                        <i class="icon-user"></i>
                        <input placeholder="{{app.getMessage('common.username')}}"
                               class="form-control no-borders"
                               ng-model="vm.user.username"
                               ng-keyup="$event.keyCode == 13 && form.$valid && vm.signup()"
                               required>
                    </div>
                    <div class="list-group-item">
                        <i class="icon-lock"></i>
                        <input type="password"
                               placeholder="{{app.getMessage('common.password')}}"
                               class="form-control no-borders"
                               ng-model="vm.user.password"
                               ng-keyup="$event.keyCode == 13 && form.$valid && vm.signup()"
                               required>
                    </div>
                    <div class="list-group-item" ng-if="vm.enableCaptcha">
                        <i class="icon-lock"></i>
                        <input placeholder="{{app.getMessage('common.captcha')}}"
                               class="form-control no-borders"
                               ng-model="vm.user.captcha"
                               ng-keyup="$event.keyCode == 13 && form.$valid && vm.signup()"
                               required>
                        <img ng-src="{{vm.codePath}}" ng-click="vm.getCode();" id="onCode_id"/>
                    </div>
                </div>
                <button type="submit" class="btn btn-lg btn-primary btn-block"
                        ng-click="vm.signup()" ng-disabled='form.$invalid' translate="login.btnTitle">Sign up
                </button>

                <div class="text-danger wrapper text-center" ng-show="vm.authError">
                    <span ng-if="vm.reason == 1" translate="login.identifyingCodeTimeout">验证码超时</span>
                    <span ng-if="vm.reason == 2" translate="login.identifyingIncorrect">验证码不正确</span>
                    <span ng-if="vm.reason == 3" translate="login.usernameOrPasswordIncorrect">用户名或密码错误</span>
                    <span ng-if="vm.reason == 4" translate="login.usernameOrPasswordIncorrect">用户名或密码错误</span>
                    <span ng-if="vm.reason == 5" translate="login.userLocked">用户被锁定</span>
                    <span ng-if="vm.reason == 6" translate="login.PwdExpired">密码过期</span>
                    <span ng-if="vm.reason == 7" translate="login.serverSideError">系统错误</span>
                </div>
            </ng-form>
        </div>
        <!--二维码-->
        <div class="m-b row">
            <div class="col-sm-4 col-sm-offset-2">
                <img class="img-responsive img-center qr-code" src="img/login/qr-code-android.png">
            </div>
            <div class="col-sm-4">
                <img class="img-responsive img-center qr-code" src="img/login/qr-code-ios.png">
            </div>
        </div>
        <!--二维码文字-->
        <div class="m-b-xl text-center">
            <img class="img-center" src="img/login/qr-code-text.png">
        </div>
    </div>

    <!--<div class="footer pos-abt" style="bottom: 1px; left: 10px;">-->
    <!--<div>-->
    <!--<p>版权所有 软通动力技术服务有限公司</p>-->
    <!--<p>{{vm.version}}</p>-->
    <!--</div>-->
    <!--</div>-->
</div>

